header{
    background-color:#00AAFF;
    padding:1rem 0.8rem;
    position:fixed;
    top:0;left:0;
    z-index:11;
}
header>p{
    text-align:center;
    display:inline-block;
}
header .return,header .share{
    width:10%;
}
header .return>img{width:33%;}
header .share>img{width:65%;}
header .title{
    width:77%;
    color:#fff;
    font-size:1.5rem;
    text-align:center;
}
.v_share{
    width:100%;
    position:fixed;
    z-index:11;
}
.upload_icon{
    background-color:#fff;
    margin:4.5rem 0 1rem;
}
.upload_icon p{
    width:32%;
    display:inline-block;
    text-align:center;
    padding:1rem 0;
}
.upload_icon p img{width:60%;}
.upload_icon p span{
    width:100%;
    font-size:1.5rem;
    margin-top:0.5rem;
}
.upload_icon .upload_v{padding:0.5rem;}
.upload_icon .upload_v li{
    width:47.5%;height:120px;
    border-radius:5px;
    position:relative;
    margin:1rem 0.38rem 0.5rem;
}
.upload_icon .upload_v li .edit_msg{padding:3rem 0 0;}
.upload_icon .upload_v li .edit{}
.upload_icon .upload_v li .cover,.upload_icon .upload_v li .edit,.upload_icon .upload_v li .edit_msg{
    width:100%;height:120px;
    position:absolute;
    top:0;left:0;
    text-align:center;
}
.edit video{width:100%;height:120px;}
.upload_icon .upload_v li .cover div{width:100%;height:120px;position:absolute;top:0;left:0;padding:3rem 0 0;}
.upload_icon .upload_v li .cover{padding:0;}
.upload_icon .upload_v li .cover>img{width:100%;height:120px;}
.upload_icon .upload_v li .cover div>img,.upload_icon .upload_v li .edit_msg>img{width:20%;}
.upload_icon .upload_v li .cover span,.upload_icon .upload_v li .edit_msg span{
    width:100%;
    font-size:1.6rem;
    color:#00BFFF;
    text-align:center;
    padding:1rem 0;
}
.upload_icon .upload_v li .edit>img{
    width:100%;height:120px;
    position:absolute;
    top:0;left:0;
    border-radius:5px;
}
.upload_icon .upload_v li .edit_msg,.upload_icon .upload_v li .cover div,.upload_icon .upload_v li .edit{
    background:rgba(238,246,255,0.8);
}
.notice_msg{
    color:#00BFFF;
    padding:0 0.8rem;
    margin-bottom:1rem;
    font-size:1.2rem;
}

.upload_input,.upload_label{
    background-color:#fff;
    margin-bottom:1rem;
    padding:1rem 0;
}
.upload_input p,.upload_input p span,.upload_label p,.upload_label p span{display:inline-block;text-align:center;}
.upload_input .title{
    width:20%;
    font-size:1.5rem;
}
.upload_input .details{
    width:78%;
}
.upload_input .details span{
    width:29%;height:35px;
    line-height:35px;
    font-size:1.5rem;
    background-color:#EEF6FF;
    border-radius:5px;
    margin:0 2.1%;
}
.upload_input .details span.active{
    color:#fff;
    background-color:#00BFFF;
}
.upload_input .details input{
    width:95%;height:35px;
    margin:0 auto;
    background-color:#EEF6FF;
    border-radius:5px;
    border:none;
    outline:none;
    padding-left:0.5rem;
}
.upload_label .title{padding:0.8rem;width:100%;}
.upload_label .title span:nth-child(1){
    width:60%;
    font-size:1.5rem;
    text-align:left;
}
.upload_label .title span:nth-child(2){
    width:38%;
    color:#00BFFF;
    text-align:right;
}
.upload_label .details{padding:0 0.8rem;width:100%;}
.upload_label .details textarea{
    width:100%;height:150px;
    background-color:#EEF6FF;
    border-radius:5px;
    border:none;
    outline:none;
    padding:0.5rem;
    resize:none;
}
.upload_btn{
    width:95%;
    margin:1rem auto;
    color:#fff;
    background-color:#00BFFF;
    padding:0.8rem 0;
    font-size:1.5rem;
    text-align:center;
    border-radius:5px;
}

/************************************************** 视频详情 **************************************************/
.video_box{
    width:100%;height:200px;
    background:rgba(0,0,0,0.5);
    position:relative;
}
.video_box p{
    position:absolute;
    top:1rem;left:1rem;
}
.video_box p img{width:65%;}
.details_box{
    background-color:#fff;
    margin-bottom:1.5rem;
}
.details_box .details_icon{
    padding:0.8rem 1rem;
    border-bottom:2px solid #F3F3F3;
}
.details_box .details_icon span{
    display:inline-block;
    width:49%;
    font-size:1.6rem;
    vertical-align:middle;
}
.details_box .details_icon span:nth-child(1) b{
    width:24px;height:24px;
    background-image:url("../images/v_play.png");
    background-size:100% 100%;
    vertical-align:middle;
    margin-right:0.8rem;
}
.details_box .details_icon span:nth-child(2){text-align:right;}
.details_box .details_icon span:nth-child(2)>img{width:50%;}
.details_box .details_title{
    width:100%;
    padding:1.5rem 1rem 0.3rem;
    font-size:1.7rem;
}
.details_box .details_time{padding:0 1rem 0.8rem;}
.details_box .details_time span{
    display:inline-block;
    vertical-align:middle;
    color:#ABABAB;
    font-size:1.1rem;
    padding-right:0.8rem;
    font-weight:bold;
}
.details_box .details_time span b{
    background-size:100% 100%;
    vertical-align:middle;
    margin-right:0.3rem;
}
.details_box .details_time span:nth-child(1) b{
    width:10px;height:10px;
    background-image:url("../images/v_name.png");
}
.details_box .details_time span:nth-child(2) b{
    width:10px;height:8px;
    background-image:url("../images/v_time.png");
}
.details_box .details_time span:nth-child(3) b{
    width:10px;height:10px;
    background-image:url("../images/v_clock.png");
}
.details_box .details_msg{
    width:100%;
    color:#ABABAB;
    font-size:1.5rem;
    padding:0.8rem 1rem;
    font-weight:bold;
}
.related_box{background-color:#fff;}
.related_box .related_title{
    padding:0.8rem 1rem;
    border-bottom:2px solid #F3F3F3;
    font-size:1.6rem;
    vertical-align:middle;
}
.related_box .related_title b{
    width:24px;height:24px;
    background-image:url("../images/v_more.png");
    background-size:100% 100%;
    vertical-align:middle;
    margin-right:0.8rem;
}
.related_details{
    background-color:#fff;
    padding:1rem 0.5rem;
    overflow:hidden;
}
.related_details li{
    width:47.5%;
    margin:0 1.25% 1.5rem;
}
.related_details li:nth-child(odd){
    clear: left;
}
.related_details li:nth-child(even){
    clear: right;
}

.related_details .details_msg{
    position:relative;
}
.related_details .details_msg>img{width:100%;height:100px;}
.related_details .details_msg .l_play{
    width:100%;
    position:absolute;
    top:40%;left:0;
    text-align:center;
}
.related_details .details_msg .l_play img{
    width:18%;
}
.related_details .details_msg .l_title{
    width:100%;
    position:absolute;
    top:-0.1rem;left:0;
    text-align:right;
}
.related_details .details_msg .l_title span{
    font-size:1rem;
    color:#fff;
    background-color:#06C1FF;
    padding:0.3rem 0.5rem;
}
.related_details .details_title{
    width:100%;
    font-size:1.3rem;
    padding:0.5rem 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.related_details .details_other span{
    width:28%;
    display:inline-block;
    color:#ABABAB;
    font-size:1rem;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
}
.related_details .details_other span:nth-child(1){
    width:37%;text-align:left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.related_details .details_other span b{
    background-size:100% 100%;
    margin-right:0.05rem;
    vertical-align:middle;
}
.related_details .details_other span:nth-child(1) b{
    width:10px;height:10px;
    background-image:url("../images/v_name.png");
}
.related_details .details_other span:nth-child(2) b{
    width:10px;height:8px;
    background-image:url("../images/v_time.png");
}
.related_details .details_other span:nth-child(3) b{
    width:10px;height:10px;
    background-image:url("../images/v_clock.png");
}
.related_details .details_other span:nth-child(3){
    text-align:right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/********************************************** 甘孜爱拍首页 **********************************************/
.love_banner{
    width:100%;
    background-color:#fff;
    border-radius:5px;
    margin-bottom:1rem;
}
.love_banner p:nth-child(1),.love_banner p:nth-child(1) img{
    width:100%;height:120px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.love_banner .search{
    width:100%;
    padding:0.5rem 0.8rem;
}
.love_banner .search span{
    display:inline-block;
    vertical-align:middle;
}
.love_banner .search span:nth-child(1){
    width:73%;
    border-right:1px solid #E5E5E5;
}
.love_banner .search span:nth-child(1) input{
    width:100%;
    outline:none;
    border:none;
    height:30px;
}
.love_banner .search span:nth-child(2){
    width:25%;
    color:#06C1FF;
    font-size:1.5rem;
    text-align:center;
    vertical-align:middle;
}
.love_banner .search span:nth-child(2) b{
    width:15px;height:15px;
    background-image:url("../images/v_search.png");
    background-size:100% 100%;
    vertical-align:middle;
    margin-right:0.5rem;
}
.love_box,.lv_box{
    width:100%;
    background-color:#fff;
    border-radius:5px;
}
.love_box .love_title,.lv_box .love_title{
    padding:0.8rem;
}
.love_box .love_title span,
.lv_box .love_title span{
    display:inline-block;
    width:30%;
    color:#06C1FF;
    background-color:#EEF6FF;
    font-size:1.5rem;
    text-align:center;
    padding:0.5rem 0;
    border-radius:5px;
    margin:0 1.18%;
    vertical-align:middle;
}
.love_box .love_title span select,
.lv_box .love_title span select{
    border:none;
    outline:none;
    background-color:#EEF6FF;
}
.love_box .love_title span.active,
.love_box .love_title span.active select,
.lv_box .love_title span.active,
.lv_box .love_title span.active select{
    color:#fff;
    background-color:#06C1FF;
}
.love_box .love_title span b{
    width:10px;height:16px;
    background-image:url("../images/v_sort.png");
    background-size:100% 100%;
    vertical-align:middle;
    margin-left:0.5rem;
}
.love_box .love_title span.active b{
    background-image:url("../images/v_sort_active.png");
}
footer{
    width:100%;
    position:fixed;
    bottom:0;left:0;
    padding:0.8rem 0;
    color:#fff;
    background-color:#06C1FF;
    font-size:1.5rem;
}
footer>p{
    width:48%;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
}
footer>p b{
    width:15px;height:15px;
    background-size:100% 100%;
    vertical-align:middle;
    margin-right:0.5rem;
}
footer>p:nth-child(1){
    border-right:1px solid #fff;
}
footer>p:nth-child(1) b{background-image:url("../images/v_add.png");}
footer>p:nth-child(2) b{background-image:url("../images/v_title.png");}

/************************************************ 我的视频 ************************************************/
.lv_box .love_title{padding:0.8rem 0.5rem;}
.lv_box .love_title span{width:22%;}
.lv_box .love_title span:nth-child(1){width:26%;}
.lv_box .love_title span:nth-child(2){
    width:15%;
    background-color:#fff;
}
.lv_box .love_title span b{
    width:14px;height:15px;
    background-size:100% 100%;
    vertical-align:middle;
    margin-right:1.3%;
}
.lv_box .love_title span:nth-child(2) b{
    background-image:url("../images/check.png");
}
.lv_box .love_title span:nth-child(2).active{
    color:#06C1FF;
}
.lv_box .love_title span:nth-child(2).active b{
    background-image:url("../images/checked.png");
}
.lv_box .love_title span:nth-child(3) b{
    background-image:url("../images/v_upload1.png");
}
.lv_box .love_title span:nth-child(4) b{
    background-image:url("../images/v_recycle.png");
}
.lv_box .love_title span:nth-child(3).active b{
    background-image:url("../images/v_upload1_active.png");
}
.lv_box .love_title span:nth-child(4).active b{
    background-image:url("../images/v_recycle_active.png");
}
.lv_box .related_details .l_title span:nth-child(1){
    position:absolute;
    top:0.5rem;left:0.5rem;
    background:none;
    padding:0;
    z-index:1;
}
.lv_box .related_details .l_title span:nth-child(1) b{
    width:18px;height:18px;
    background-image:url("../images/check.png");
    background-size:100% 100%;
}
.lv_box .related_details .l_title span:nth-child(1).active b{
    background-image:url("../images/checked.png");
}
.lv_box .related_details .examine{
    width:100%;height:100px;
    position:absolute;
    top:0;left:0;
    color:#fff;
    background-color:#000;
    font-size:1.8rem;
    text-align:center;
    padding:3.5rem 0;
}
.msg{width:100%;height:20px;text-align:center;font-size:1.5rem;color:red;}

.notice_pop{
    width:100%;position:fixed;top:0;left:0;
    background:rgba(0,0,0,0.5);
    z-index:12;
}
.notice_pop .notice_con{
    width:100%;position:fixed;top:20%;left:0;
}
.notice_pop .notice_con .notice_details{
    width:90%;height:380px;
    margin:0 auto;
    background-color:#fff;
    padding:0 2rem 1rem;
    text-align:justify;
    overflow-y:auto;
    position:relative;
}
.notice_pop .notice_con .notice_details .title{
    width:100%;
    text-align:center;
    font-size:1.6rem;
    font-weight:bold;
    padding:0.8rem 0;
}
.notice_pop .notice_con .notice_details .text{
    font-size:1.2rem;
}
.notice_pop .notice_close{
    width:100%;
    position:absolute;
    top:0;left:0;
    text-align:right;
    padding-right:0.8rem;
    padding-top:0.5rem;
}
.notice_pop .notice_close img{width:8%;}
.toast_msg{
    text-align:center;
    width:100%;
    position:fixed;
    bottom:-10%;left:0;
    display:block;
}
.toast_msg span{
    text-align:center;
    background:rgba(0,0,0,0.5);
    color:#fff;
    border-radius: 15px;
    padding:0.5rem 1.5rem;
    font-size:1.5rem;
}
.video_box video{
    width:100%;height:200px;
}
.loading_btn{
    width:100%;
    margin:1rem auto;
    text-align:center;
    padding:0.8rem 0;
    background-color:#fff;
    border-radius:5px;
}